<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>电脑装机</title>
<style>
h2 { text-align:center; -webkit-margin-before:0; -webkit-margin-after:5px; }
table { border-collapse:collapse; margin:auto; }
td { border:1px solid black; text-align:center; white-space:nowrap; padding:5px 10px; }
p { text-indent:2em; }
</style>
</head>
<body>
<div id="json"></div>
<h2 align="center">2019年7月24日电脑装机</h2>
<div id="c3"></div><br>
<h2 align="center">2017年7月14日电脑装机</h2>
<p>Celeron G3930 集显从 G3900 的 HD510 升级 HD610！</p>
<div id="c1"></div><br>
<div id="c2"></div>
<script>
var component = new Array();
component.push(['CPU', 'AMD 速龙 200GE', 399]);
component.push(['主板', '微星 A320M PRO-M2 V2', 335]);
component.push(['内存', '金泰克X3马甲条 8GB DDR4 2666', 249]);
component.push(['机械硬盘', '西数 1TB 7200转 64MB', 329]);
component.push(['固态硬盘', '金泰克S300 480GB SSD', 329]);
component.push(['显卡', '集成 Vega 3 (192SP/1000MHz)', 0]);
component.push(['机箱', '金河田风爆III', 89]);
component.push(['电源', '长城静音大师ATX-300SD额定250W', 139]);
component.push(['显示器', '明基 GW2480 IPS', 849]);
component.push(['键盘鼠标', '双飞燕KR-8572usb套装', 75]);
//console.log(component);
var ts = '<table><tr><td>配件</td><td>品牌型号</td><td>价格(元)</td></tr>';
var sum = 0;
for(var i=0; i<component.length; i++){
	ts += '<tr>';
	for(var j=0; j<component[0].length; j++){
		ts += '<td>' + component[i][j] + '</td>';  
	}
	sum += component[i][2];
	ts += '</tr>';
}
ts += '<tr><td>合计</td><td></td><td>' + sum + '</td></tr></table>';
document.getElementById('c3').innerHTML = ts;

var component = new Array();
component[0] = ['CPU','Celeron G3930',229];
component[1] = ['主板','Onda H110C 全固版',299];
component[2] = ['内存','金泰克 8GB DDR4 2133',416];
component[3] = ['硬盘','希捷 1TB 7200转 64MB',319];
component[4] = ['显卡','集成 Intel® HD Graphics 610',0];
component[5] = ['机箱','先马 奇迹3',109];
component[6] = ['电源','长城 200W',130];
component[7] = ['显示器','明基 GW2270',619];
component[8] = ['键盘鼠标','双飞燕3200N针光无线键鼠套装',99];
//console.log(component);
var ts = '<table><tr><td>配件</td><td>品牌型号</td><td>价格(元)</td></tr>';
var sum = 0;
for(var i=0; i<component.length; i++){
	ts += '<tr>';
	for(var j=0; j<component[0].length; j++){
		ts += '<td>' + component[i][j] + '</td>';  
	}
	sum += component[i][2];
	ts += '</tr>';
}
ts += '<tr><td>合计</td><td></td><td>' + sum + '</td></tr></table>';
document.getElementById('c1').innerHTML = ts;

var component=new Array();
component[0]=['CPU','AMD A4-7300',239];
component[1]=['主板','ASUS A88XM-E',429];
component[2]=['内存','金泰克 8GB DDR3 1600',356];
component[3]=['硬盘','希捷 1TB 7200转 64MB',319];
component[4]=['显卡','集成​ HD8470D',0];
component[5]=['机箱','先马 奇迹3',109];
component[6]=['电源','长城 静音大师ATX-350SD',169];
component[7]=['显示器','明基 GW2270',619];
component[8]=['键盘鼠标','双飞燕3200N针光无线键鼠套装',99];
//var json = JSON.stringify(component);
//document.getElementById('json').innerHTML=json;
//console.log(component);
var ts = '<table><tr><td>配件</td><td>品牌型号</td><td>价格(元)</td></tr>';
var sum=0;
for(var i=0;i<component.length;i++){
 ts+='<tr>';
 for(var j=0;j<component[0].length;j++){
  ts+='<td>'+component[i][j]+'</td>';  
 }
 sum+=component[i][2];
 ts+='</tr>';
}
ts+='<tr><td>合计</td><td></td><td>'+sum+'</td></tr></table>';
document.getElementById('c2').innerHTML=ts;
</script>
</body>
</html>